<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<!-- 送物品 -->
	<div th:fragment="goods">
	        <div class="goodsBox">
            <div class="readHeader goodsHeader">

                <span class="readHeaderText">
                    <span class="readHeaderIcon"></span>
                    欢迎使用自助送物系统!
                </span>
                <!-- <span class="BackHomeBtnStyle">
                    <span class="BackHomeTextStyle">请输入物品的数量!</span>
                </span> -->
                
                <span class="BackHomeBtn" id="backHomeBtn1">
                    <span class="BackHomeIcon"></span>
                    <span class="BackHomeText">返回首页</span>
                </span>
            </div>

            <div class="goodsContentBox">
                <div class="goodsContentBox1">
                    <div class="goodsContent">
                        <div class="singleGgoods">
                            <div class="singleGgoodsHeader">上衣</div>
                            <div class="singleGgoodsImgBox">
                                <img src="/public/img/goods/autumn-clothes.svg" alt="秋衣"/>
                            </div>
                            <div class="singleGgoodsFooter">
                                <span class="goodsText">数量</span>
                                <span class="reduceGoods">-</span>
                                <span class="numGoods">0</span>
                                <span class="addGoods">+</span>
                            </div>
                        </div>
                        <div class="singleGgoods">
                            <div class="singleGgoodsHeader">裤子</div>
                            <div class="singleGgoodsImgBox">
                                <img src="/public/img/goods/autumn-pants.svg" alt="秋裤"/>
                            </div>
                            <div class="singleGgoodsFooter">
                                <span class="goodsText">数量</span>
                                <span class="reduceGoods">-</span>
                                <span class="numGoods">0</span>
                                <span class="addGoods">+</span>
                            </div>
                        </div>
                        <div class="singleGgoods">
                            <div class="singleGgoodsHeader">内衣</div>
                            <div class="singleGgoodsImgBox">
                                <img src="/public/img/goods/neiyi.svg" alt="内衣裤"/>
                            </div>
                            <div class="singleGgoodsFooter">
                                <span class="goodsText">数量</span>
                                <span class="reduceGoods">-</span>
                                <span class="numGoods">0</span>
                                <span class="addGoods">+</span>
                            </div>
                        </div>
                        <div class="singleGgoods">
                            <div class="singleGgoodsHeader">内裤</div>
                            <div class="singleGgoodsImgBox">
                                <img src="/public/img/goods/underware.svg" alt="袜子"/>
                            </div>
                            <div class="singleGgoodsFooter">
                                <span class="goodsText">数量</span>
                                <span class="reduceGoods">-</span>
                                <span class="numGoods">0</span>
                                <span class="addGoods">+</span>
                            </div>
                        </div>
                        <div class="singleGgoods">
                            <div class="singleGgoodsHeader">袜子</div>
                            <div class="singleGgoodsImgBox">
                                <img src="/public/img/goods/socks.svg" alt="袜子"/>
                            </div>
                            <div class="singleGgoodsFooter">
                                <span class="goodsText">数量</span>
                                <span class="reduceGoods">-</span>
                                <span class="numGoods">0</span>
                                <span class="addGoods">+</span>
                            </div>
                        </div>
                        <div class="singleGgoods">
                            <div class="singleGgoodsHeader">眼镜</div>
                            <div class="singleGgoodsImgBox">
                                <img src="/public/img/goods/glasses.svg" alt="眼镜"/>
                            </div>
                            <div class="singleGgoodsFooter">
                                <span class="goodsText">数量</span>
                                <span class="reduceGoods">-</span>
                                <span class="numGoods">0</span>
                                <span class="addGoods">+</span>
                            </div>
                        </div>
                        <div class="singleGgoods">
                            <div class="singleGgoodsHeader">鞋子</div>
                            <div class="singleGgoodsImgBox">
                                <img src="/public/img/goods/shoe.svg" alt="鞋子"/>
                            </div>
                            <div class="singleGgoodsFooter">
                                <span class="goodsText">数量</span>
                                <span class="reduceGoods">-</span>
                                <span class="numGoods">0</span>
                                <span class="addGoods">+</span>
                            </div>
                        </div>
                        <div class="singleGgoods">
                            <div class="singleGgoodsHeader">文胸</div>
                            <div class="singleGgoodsImgBox">
                                <img src="/public/img/goods/bra.svg" alt="文胸"/>
                            </div>
                            <div class="singleGgoodsFooter">
                                <span class="goodsText">数量</span>
                                <span class="reduceGoods">-</span>
                                <span class="numGoods">0</span>
                                <span class="addGoods">+</span>
                            </div>
                        </div>
                        <!-- -------------- -->
<!--                         <div class="singleGgoods">
                            <div class="singleGgoodsHeader">棉被</div>
                            <div class="singleGgoodsImgBox">
                                <img src="/public/img/goods/quilt.svg" alt="洗漱用品"/>
                            </div>
                            <div class="singleGgoodsFooter">
                                <span class="goodsText">数量</span>
                                <span class="reduceGoods">-</span>
                                <span class="numGoods">0</span>
                                <span class="addGoods">+</span>
                            </div>
                        </div> -->
					</div>
                    <div class="detaileList" id="detaileList">
                        <div class="detaileListHeader">清单概况</div>
                        <div class="detaileListContent">
                            <ul class="detaileListPerson clearfix">
                                <li>
                                    <span>送物人:</span>
                                    <i></i>
                                </li>
                                <li>
                                    <span>送物人地址:</span>
                                    <i></i>
                                </li>
                                <li>
                                    <span>联系方式:</span>
                                    <i></i>
                                </li>
                                <li>
                                    <span>与在押人员关系:</span>
                                    <i></i>
                                </li>
                                <li>
                                    <span>在押人员:</span>
                                    <i></i>
                                </li>
                                <li>
                                    <span>入所时间:</span>
                                    <i></i>
                                </li>
                                <li>
                                    <span>编号:</span>
                                    <i></i>
                                </li>
                                <li class="line"></li>
                            </ul>
                            <div class="detaileListGoodsBox">
                                <span class="goodsText">物品:</span>
                                <ul class="detaileListGoods clearfix">
                                    <li>1.上衣 <i>0</i> 件</li>
                                    <li>2.裤子 <i>0</i> 条</li>
                                    <li>3.内衣 <i>0</i> 件</li>
                                    <li>4.内裤 <i>0</i> 条</li>
                                    <li>5.袜子 <i>0</i> 双</li>
                                    <li>6.眼镜 <i>0</i> 副</li>
                                    <li>7.鞋子 <i>0</i> 双</li>
                                    <li>8.文胸 <i>0</i> 件</li>
                                </ul>
                            </div>

                            <!-- <div class="moneyBox">
                                <span>现金:</span>
                                <i><span></span>00元</i>
                            </div> -->

                        </div>

                    </div>

                </div>
                <div class="submitGoods" id="submitGoods">
                    确认提交
                </div>
                

                <div class="submitGoodsValidate">
                
                    <!-- <img src="/public/img/validate/correct.png" alt=""/><p>提交成功!</p> -->
                </div>
            </div>

        </div>
      	<div id="modal-overlay">

        </div>
	</div>
</body>
</html>